  /*---------------------sider-menu-------------------------*/
  .je-admin-sider-menu{
    background-color: @sider-bg-color;
    color: @sider-text-color;
    border-right-color: @sider-border-right-color;
    // 导航条
    .slider-menu-toolbar {
      &-item-selected {
        color: @sider-text-color;
      } 
    }

    // 搜索框
    & &-search{
      .ant-input-affix-wrapper,
      .ant-input {
        background-color: @sider-bg-dark-color;
        color: @sider-text-color;
      }
    }
    // 收藏和历史菜单
    & &-list{
      .menu-list-body{
        background-color: @sider-bg-color;
        .menu-list-item {
          color: @sider-text-color;

          &:hover {
            background-color: @sider-menu-hover-bg-color;
          }
          
          &-selected {
            background-color: @sider-menu-selected-bg-color !important;
            color: @sider-menu-selected-text-color;
          }
        }
      }
    }
    // 树形菜单
    & &-tree{
      .menu-tree-body {
        background-color: @sider-bg-color;
        &-menu{
          background-color: @sider-bg-color !important;
          .ant-menu-sub {
            background-color: @sider-bg-color !important;
          }
  
          .ant-menu-item,
          .ant-menu-submenu-title,
          .ant-menu-item-group-title,
          .ant-menu-item > a,
          .ant-menu-item > span > a {
            color: @sider-text-color;
          }
  
          .ant-menu-submenu {
            &-arrow {
              &::before,
              &::after {
                background-color: @sider-text-color !important;
              }
            }
          }
  
          .ant-menu-item-active,
          .ant-menu-item:hover {
            background-color: @sider-menu-hover-bg-color;
          }
  
          .ant-menu-item-selected {
            background-color: @sider-menu-selected-bg-color !important;
            .ant-menu-title-content,
            .ant-menu-item-icon {
              color: @sider-menu-selected-text-color;
            }
          }
        }
      }
    }
  }


  
  /*---------------------top-menu-------------------------*/
  
  .je-admin-top {
    background-color: @header-bg-color;
    color: @white;
    border-bottom-color: @header-border-bottom-color;
    // 菜单
    & &-menus{
      .menu-item{
        color: @header-text-color;
        &:hover,
        &.menu-item-selected {
          background-color: @header-menu-selected-bg-color;
        }
      }
    }
    // logo
    & &-logo{
      .logo {
        background: @header-text-color;
      }
    }
    // 操作按钮
    & &-actions{
      .action{
        &-icon {
          color: @header-text-color;
        }
        .user-icon {
          background: @header-text-color;
          i {
            color: @header-bg-color;
          }
        }
      }
    }
  }

  
  /*---------------------公共动画-------------------------*/
  @keyframes panel-collapsed {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }